<%@ page contentType="text/html;charset=UTF-8" language="java" %>


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>


    <!-- 引入bootstrap框架的样式文件 -->
    <link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.css" type="text/css">
    <link rel="stylesheet" href="../css/common/nav.css" type="text/css">

    <link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>

    <script src="http://cache.amap.com/lbs/static/es5.min.js"></script>
    <script src="http://webapi.amap.com/maps?v=1.4.3&key=06ae5645af64b74976c2ffd4479aad5a&plugin=AMap.PlaceSearch,AMap.AdvancedInfoWindow"></script>
    <script src="//webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>

    <script type="text/javascript" src="https://cache.amap.com/lbs/static/addToolbar.js"></script>
    <style>
        html,body,#container{
            height:100%;
        }
    </style>
</head>

<body>


<%--<head lang="en">--%>
    <%--<meta charset="utf-8">--%>
    <%--<meta http-equiv="X-UA-Compatible" content="IE=edge">--%>
    <%--<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">--%>
    <%--<title>点标记</title>--%>
    <%--<link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css" />--%>



<div id="container" ></div>
<div class="info" style='min-width:10rem;'>
    <img src="//a.amap.com/lbs/static/img/js-markonapp.png" style='width:120px;height:120px'>
    <div style='text-align: center'>手机扫码打开示例</div>
</div>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=06ae5645af64b74976c2ffd4479aad5a"></script>
<script>
    var map = new AMap.Map("container", {
        zoom: 18,
        center:[116.473188,39.993253]
    });
    var marker = new AMap.Marker({
        map:map,
        position:[116.473188,39.993253],
        label: {
            offset: new AMap.Pixel(20, 20),//修改label相对于maker的位置
            content: "点击Marker打开高德地图"
        }
    })
    marker.on('click',function(e){
        marker.markOnAMAP({
            name:'首开广场',
            position:marker.getPosition()
        })
    })
    if(AMap.UA.mobile){
        document.getElementsByClassName('info')[0].style.display='none';
    }

</script>
</body>

<%--<div id="container"><a href="#"><span class="glyphicon glyphicon-flag"></span></a> </div>--%>

<%--<script type="text/javascript">--%>
    <%--var map = new AMap.Map('container', {--%>
        <%--resizeEnable: true,--%>
        <%--zoom:11,--%>
        <%--center: [116.397428, 39.90923]//默认的地图中心经纬度--%>
    <%--});--%>



    <%--//定位--%>
    <%--map.plugin('AMap.Geolocation', function () {--%>
        <%--geolocation = new AMap.Geolocation({--%>
            <%--enableHighAccuracy: true,//是否使用高精度定位，默认:true--%>
            <%--timeout: 10000,          //超过10秒后停止定位，默认：无穷大--%>
            <%--maximumAge: 0,           //定位结果缓存0毫秒，默认：0--%>
            <%--convert: true,           //自动偏移坐标，偏移后的坐标为高德坐标，默认：true--%>
            <%--showButton: true,        //显示定位按钮，默认：true--%>
            <%--buttonPosition: 'LB',    //定位按钮停靠位置，默认：'LB'，左下角--%>
            <%--buttonOffset: new AMap.Pixel(10, 20),//定位按钮与设置的停靠位置的偏移量，默认：Pixel(10, 20)--%>
            <%--showMarker: true,        //定位成功后在定位到的位置显示点标记，默认：true--%>
            <%--showCircle: true,        //定位成功后用圆圈表示定位精度范围，默认：true--%>
            <%--panToLocation: true,     //定位成功后将定位到的位置作为地图中心点，默认：true--%>
            <%--zoomToAccuracy:true      //定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false--%>
        <%--});--%>
        <%--map.addControl(geolocation);--%>
        <%--geolocation.getCurrentPosition();--%>
        <%--AMap.event.addListener(geolocation, 'complete', onComplete);//返回定位信息--%>
        <%--AMap.event.addListener(geolocation, 'error', onError);      //返回定位出错信息--%>
    <%--});--%>

    <%--//解析定位结果--%>
    <%--function onComplete(data) {--%>
        <%--if(data.status == 1){--%>
            <%--console.log("定位成功");--%>
            <%--$("#addressInput").val(data.formattedAddress);--%>
            <%--sessionStorage.setItem("dingWei-lng",data.position.getLng());--%>
            <%--sessionStorage.setItem("dingWei-lat",data.position.getLat());--%>
        <%--}--%>
        <%--var str = [];--%>
        <%--str.push('经度：' + data.position.getLng());--%>
        <%--str.push('纬度：' + data.position.getLat());--%>
        <%--str.push('是否经过偏移：' + (data.isConverted ? '是' : '否'));--%>
        <%--console.log(str.join('<br>'));--%>
    <%--}--%>
    <%--function onError() {--%>
        <%--var str = [];--%>
        <%--str.push('定位失败');--%>
        <%--console.log(str.join('<br>'));--%>
    <%--}--%>
<%--</script>--%>


<!-- bootstrap中的js插件依赖于jquery框架,所以必须先引入jquery的js文件 -->
<%--<script src="../plugins/jquery/jquery.min.js"></script>--%>
<%--<!--引入bootstrap的js文件-->--%>
<%--<script src="../plugins/bootstrap/js/bootstrap.js"></script>--%>



<%--<link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>--%>
<%--<script src="http://cache.amap.com/lbs/static/es5.min.js"></script>--%>
<%--<script src="http://webapi.amap.com/maps?v=1.4.3&key=06ae5645af64b74976c2ffd4479aad5a&plugin=AMap.PlaceSearch,AMap.AdvancedInfoWindow"></script>--%>
<%--<script src="//webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>--%>

<%--<script type="text/javascript" src="https://cache.amap.com/lbs/static/addToolbar.js"></script>--%>



</html>